<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:replace="partial/base_head"></div>
    <div th:replace="partial/base_link"></div>
    <link rel="stylesheet" th:href="@{/css/user/login.css}"/>
    <link rel="stylesheet" th:href="@{/css/plugins/iCheck/custom.css}"/>
    <link rel="stylesheet" th:href="@{/css/plugins/steps/jquery.steps.css}"/>
</head>
<body>
<div class="login" style="background-color: #fff; padding: 15px 15px;">
    <div class="col-sm-12">
        <form id="upPwdForm" class="wizard-big">
            <h1>用户</h1>
            <fieldset>
                <h2>用户校验</h2>
                <div class="row">
                    <div class="col-sm-8">
                        <div class="form-group">
                            <label>用户名 *</label>
                            <input id="userName" name="userName" type="text" class="form-control required"/>
                        </div>
                    </div>
                </div>
            </fieldset>
            <h1>回答问题</h1>
            <fieldset>
                <div class="row">
                    <div class="coh-6">
                    <h3 class="lighter block green" style="font-size: 15px">请回答问题 → 【 <span id="parameter"></span> 】</h3>
                        <div class="form-group">
                            <label>答案 *</label>
                            <input id="answer" name="answer" type="text" class="form-control required"/>
                        </div>
                    </div>
                </div>
            </fieldset>
            <h1>重置密码</h1>
            <fieldset>
                <h2>请重新设置密码信息</h2>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>新密码 *</label>
                            <input id="newPwd" name="newPwd" type="password" class="form-control required"/>
                        </div>
                        <div class="form-group">
                            <label>确认密码 *</label>
                            <input id="newPwd1" name="newPwd1" type="password" class="form-control required"/>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label>密码提示问题 *</label>
                            <input id="pwdQuestions" name="pwdQuestions" type="text" class="form-control required"/>
                        </div>
                        <div class="form-group">
                            <label>答案 *</label>
                            <input id="pwdAnswer" name="pwdAnswer" type="text" class="form-control required"/>
                        </div>
                    </div>
                </div>
            </fieldset>
            <h1>完成</h1>
            <fieldset>
                <div class="center" style="font-size: 30px; color: #00B83F; text-align: center">
                    <h3 class="green">点击完成按钮确认修改 ！</h3>
                </div>
            </fieldset>
        </form>
    </div>
</div>
<div th:replace="partial/base_script"></div>
<script th:src="@{/js/plugins/staps/jquery.steps.min.js}"></script>
<script th:src="@{/js/plugins/validate/jquery.validate.min.js}"></script>
<script th:src="@{/js/plugins/validate/messages_zh.min.js}"></script>
<script th:src="@{/js/user/upPwd.js}"></script>
</body>
</html>
